<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common/header"/>
<body>

<!--导航-->
<header th:include="common/nav" />

<div class="container cookbooks">
    <div class="row">
        <h3 class="title">我的厨房</h3>
    </div>
    <div class="row" th:if="${pageData.total > 0}">
        <div class="col-xs-3" th:each="cookbook : ${pageData.rows}">
            <a th:href="'/cookbook?cookbookId=' + ${cookbook.id}" class="cookbook">
                <span class="icon collect"></span>
                <span class="collect icon-collect"
                      data-toggle="tooltip" data-placement="bottom" th:data="${cookbook.id}" isCollect="true" title="收藏到厨房"></span>
                <span class="icon shopping-cart"></span>
                <span class="shopping-cart icon-shopping-cart"
                      data-toggle="tooltip" data-placement="bottom" th:data="${cookbook.id}" title="加入购物车"></span>
                <span class="info1 info-bg">量</span>
                <span class="info2">步</span>
                <img class="cookbook-img" th:src="${cookbook.coverimg}"/>
                <div class="cookbook-info ci">
                    <div class="cookbook-name" th:text="${cookbook.cookbookname}"></div>
                    <div class="cookbook-number">
                        <span class="left">购买量：<span class="number"><span th:text="${cookbook.orderNumber}"></span>&nbsp;份</span></span>
                        <span class="right">食材价：<span class="number base-food"><span th:text="${cookbook.foodPrice}"></span>&nbsp;元</span></span>
                        <div class="clear"></div>
                        <span class="left">评论数：<span class="number"><span th:text="${cookbook.disscussNumber}"></span>&nbsp;条</span></span>
                        <span class="right">浏览量：<span class="number"><span th:text="${cookbook.browsequantity}"></span>&nbsp;次</span></span>
                    </div>
                </div>
                <div class="cookbook-info ci2">
                    <div class="cookbook-step-duration">
                        <span class="icon icon-clock"></span>
                        <span class="cookbook-step"><span th:text="${cookbook.stepNumber}"></span></span>&nbsp;步/
                        大概&nbsp;<span class="cookbook-duration"><span th:text="${cookbook.duration}"></span></span>&nbsp;分钟
                    </div>
                    <div class="cookbook-style"><span class="icon icon-cookbook-style"></span>&nbsp;<span th:text="${cookbook.style}"></span></div>
                </div>

            </a>
        </div>
        <div class="clear"></div>
        <div id="paging" class="paging">
            <a class="up" th:href="'/myKitchen?page='+${(pageData.currentPage % pageData.totalPage) - 1}">上一页</a>
            <span class="page">
                <span>
                    <span th:text="${pageData.currentPage}" style="color: #D50810"></span>&nbsp;&nbsp;/&nbsp;&nbsp;<span th:text="${pageData.totalPage}"></span>&nbsp;&nbsp;页
                </span>
            </span>
            <a class="down"  th:href="'/myKitchen?page='+${(pageData.currentPage % pageData.totalPage) + 1}">下一页</a>
            <br class="clear" />
        </div>
    </div>
</div>


<div th:include="common/bottom"></div>
</body>
    <script th:src="@{/bootstrap/js/bootstrap-paginator.js}"></script>
    <script th:src="@{/js/myKitchen.js}"></script>
    <link rel="stylesheet" th:href="@{/css/myKitchen.css}"/>
</html>